<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
  <body>  
    <p>table without colspan
    </p>    
    <table align="left" cellspacing="0">                     
      <tbody>            
        <tr>              
          <td style="background-color: gray;" width="50">50</td>              
          <td style="background-color: LightGrey;" width="50">50</td>              
          <td style="background-color: gray;" width="250">250</td>              
          <td style="background-color: LightGrey;" width="50">50</td>              
          <td style="background-color: gray;"  width="50">50</td>              
          <td style="background-color: LightGrey;" width="50">50</td>              
          <td style="background-color: gray;"   width="50">50</td>              
          <td style="background-color: LightGrey;" width="50">50</td>              
          <td style="background-color: gray;"   width="50">50</td>              
          <td style="background-color: LightGrey;" width="50">50</td>                                                      
        </tr>          
      </tbody>          
      <tbody>            
        <tr>              
          <td style="background-color: gray;" width="50">50</td>              
          <td style="background-color: LightGrey;" width="50">50</td>              
          <td style="background-color: gray;" width="250">250</td>              
          <td style="background-color: LightGrey;" width="50">50</td>              
          <td style="background-color: gray;"  width="50">50</td>              
          <td style="background-color: LightGrey;" width="50">50</td>              
          <td style="background-color: gray;"   width="50">50</td>              
          <td style="background-color: LightGrey;" width="50">50</td>              
          <td style="background-color: gray;"   width="50">50</td>              
          <td style="background-color: LightGrey;" width="50">50</td>                                                      
        </tr>          
      </tbody>     
    </table>    
    <br/>
    <br/>
    <p>the same table with colspan
    </p>
    <table align="left" cellspacing="0">                     
      <tbody>            
        <tr>              
          <td style="background-color: gray;" width="50">50</td>              
          <td style="background-color: LightGrey;" width="50">50</td>              
          <td style="background-color: gray;" width="250">250</td>              
          <td style="background-color: LightGrey;" width="50">50</td>              
          <td style="background-color: gray;"  width="50">50</td>              
          <td style="background-color: LightGrey;" width="50">50</td>              
          <td style="background-color: gray;"   width="50">50</td>              
          <td style="background-color: LightGrey;" width="50">50</td>              
          <td style="background-color: gray;"   width="50">50</td>              
          <td style="background-color: LightGrey;" width="50">50</td>                                                      
        </tr>          
      </tbody>          
      <tbody>            
        <tr>              
          <td colspan="3" style="background-color: gray;" width="350">350</td>                             
          <td style="background-color: LightGrey;" width="50">50</td>              
          <td style="background-color: gray;"  width="50">50</td>              
          <td style="background-color: LightGrey;" width="50">50</td>              
          <td style="background-color: gray;"   width="50">50</td>              
          <td style="background-color: LightGrey;" width="50">50</td>              
          <td style="background-color: gray;"   width="50">50</td>              
          <td style="background-color: LightGrey;" width="50">50</td>                                                      
        </tr>          
      </tbody>     
    </table>
	
	<br/>
    <br/>
    <p> 1
    </p>
	<table align="left" cellspacing="0">                     
      <tbody>            
        <tr>              
          <td style="background-color: gray;">50</td>              
          <td style="background-color: LightGrey;">50</td>              
          <td style="background-color: gray;" width="50">250</td>              
          <td style="background-color: LightGrey;" width="50">50</td>              
          <td style="background-color: gray;"  width="50">50</td>              
          <td style="background-color: LightGrey;" width="50">50</td>              
          <td style="background-color: gray;"   width="50">50</td>              
          <td style="background-color: LightGrey;" width="50">50</td>              
          <td style="background-color: gray;"   width="50">50</td>              
          <td style="background-color: LightGrey;" width="50">50</td>                                                      
        </tr>          
      </tbody>          
      <tbody>            
        <tr>
          <td colspan="3" style="background-color: gray;" width="350">350</td>                             
          <td style="background-color: LightGrey;" width="50">50</td>              
          <td style="background-color: gray;"  width="50">50</td>              
          <td style="background-color: LightGrey;" width="50">50</td>              
          <td style="background-color: gray;"   width="50">50</td>              
          <td style="background-color: LightGrey;" width="50">50</td>              
          <td style="background-color: gray;"   width="50">50</td>              
          <td style="background-color: LightGrey;" width="50">50</td>                                                      
        </tr>          
      </tbody>     
    </table>
	
  </body>
</html>